﻿<UserControl 
    x:Class="Test.Silverlight.DataGrid.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    Width="1024" Height="768" FontSize="13">
    <UserControl.Resources>
        <DataTemplate x:Name="NoOptionsTemplate">
            <TextBlock TextWrapping="Wrap" Foreground="#FF2B2B2B" Text="No options" VerticalAlignment="Center"/>
        </DataTemplate>
        
        <Style TargetType="Button" x:Name="DefaultButtonStyle">
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid x:Name="RootElement">
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal">
                                        <Storyboard FillBehavior="HoldEnd">
                                            <DoubleAnimation Duration="00:00:00.1" Storyboard.TargetName="MouseOverState" Storyboard.TargetProperty="Opacity" To="0" />
                                            <DoubleAnimation Duration="00:00:00.1" Storyboard.TargetName="PressedState" Storyboard.TargetProperty="Opacity" To="0" />
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard FillBehavior="HoldEnd">
                                            <DoubleAnimation Duration="00:00:00.07" Storyboard.TargetName="MouseOverState" Storyboard.TargetProperty="Opacity" To="1" />
                                            <DoubleAnimation Duration="00:00:00" Storyboard.TargetName="PressedState" Storyboard.TargetProperty="Opacity" To="0" />
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Pressed">
                                        <Storyboard FillBehavior="HoldEnd">
                                            <DoubleAnimation Duration="00:00:00" Storyboard.TargetName="PressedState" Storyboard.TargetProperty="Opacity" To="1" />
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard FillBehavior="HoldEnd">
                                            <DoubleAnimation Duration="00:00:00" Storyboard.TargetName="DisabledState" Storyboard.TargetProperty="Opacity" To="1" />
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <Border x:Name="NormalState" CornerRadius="3,3,3,3" Padding="1,1,1,1">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF596372"/>
                                        <GradientStop Color="#FF535962" Offset="1"/>
                                        <GradientStop Color="#FF414346" Offset="0.5"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Border Height="Auto" CornerRadius="2,2,2,2" Padding="1,1,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                            <GradientStop Color="#FFC0D7F4" Offset="0"/>
                                            <GradientStop Color="#FFE2F0FD" Offset="1"/>
                                            <GradientStop Color="#FFDBECFF" Offset="0.531"/>
                                            <GradientStop Color="#FFE4F1FF" Offset="0.557"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Border Height="Auto" Width="Auto" CornerRadius="2,2,2,2" Padding="6,2,6,2">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                                <GradientStop Color="#FFBED9F7" Offset="0"/>
                                                <GradientStop Color="#FFD7E9FB" Offset="1"/>
                                                <GradientStop Color="#FFA9C9F7" Offset="0.531"/>
                                                <GradientStop Color="#FFC8DEF5" Offset="0.531"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                        <ContentControl
											  Content="{TemplateBinding Content}" 
											  ContentTemplate="{TemplateBinding ContentTemplate}"
											  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
											  Padding="{TemplateBinding Padding}" 
											  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                    </Border>
                                </Border>
                            </Border>

                            <Border x:Name="MouseOverState" CornerRadius="3,3,3,3" Padding="1,1,1,1" Opacity="0">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF596372"/>
                                        <GradientStop Color="#FF535962" Offset="1"/>
                                        <GradientStop Color="#FF414346" Offset="0.5"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Border Height="Auto" CornerRadius="2,2,2,2" Padding="1,1,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                            <GradientStop Color="#FFE0EEFF" Offset="0"/>
                                            <GradientStop Color="#FFEEF6FF" Offset="1"/>
                                            <GradientStop Color="#FFE4F1FF" Offset="0.531"/>
                                            <GradientStop Color="#FFF1F8FF" Offset="0.532"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Border Height="Auto" Width="Auto" CornerRadius="2,2,2,2" Padding="6,2,6,2">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                                <GradientStop Color="#FFDDEDFF" Offset="0"/>
                                                <GradientStop Color="#FFE4F1FF" Offset="1"/>
                                                <GradientStop Color="#FFCCE0FD" Offset="0.531"/>
                                                <GradientStop Color="#FFDCEBFB" Offset="0.532"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                        <ContentControl 
											  Content="{TemplateBinding Content}" 
											  ContentTemplate="{TemplateBinding ContentTemplate}"
											  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
											  Padding="{TemplateBinding Padding}" 
											  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                    </Border>
                                </Border>
                            </Border>

                            <Border x:Name="PressedState" CornerRadius="3,3,3,3" Padding="1,1,1,1" Opacity="0">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF596372"/>
                                        <GradientStop Color="#FF535962" Offset="1"/>
                                        <GradientStop Color="#FF414346" Offset="0.5"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Border Height="Auto" CornerRadius="2,2,2,2" Padding="1,1,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                            <GradientStop Color="#FFC0D7F4" Offset="0"/>
                                            <GradientStop Color="#FF7297C2" Offset="1"/>
                                            <GradientStop Color="#FFA4C1E2" Offset="0.531"/>
                                            <GradientStop Color="#FF84A6CA" Offset="0.813"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Border Height="Auto" Width="Auto" CornerRadius="2,2,2,2" Padding="6,2,6,2">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                                <GradientStop Color="#FFAAC8EA" Offset="0"/>
                                                <GradientStop Color="#FF81A3D4" Offset="1"/>
                                                <GradientStop Color="#FF9ABCEE" Offset="0.17"/>
                                                <GradientStop Color="#FFADC6EA" Offset="0.919"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                        <ContentControl
											  Content="{TemplateBinding Content}" 
											  ContentTemplate="{TemplateBinding ContentTemplate}"
											  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
											  Padding="{TemplateBinding Padding}" 
											  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                    </Border>
                                </Border>
                            </Border>

                            <Rectangle x:Name="DisabledState" RadiusX="3" RadiusY="3" Fill="Silver" Opacity="0" IsHitTestVisible="false" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="TextBlock" x:Name="DefaultTextBlockStyle">
            <Setter Property="Foreground" Value="#FF393939" />
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="VerticalAlignment" Value="Center" />
        </Style>
        
        <Style TargetType="TextBlock" x:Name="TitleTextBlockStyle">
            <Setter Property="Foreground" Value="#FF393939" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="FontSize" Value="35" />
        </Style>

        <Style TargetType="RadioButton" x:Name="DefaultRadioButtonStyle">
            <!-- Cannot currently parse bool? type in XAML so it's being set in code -->
            <!-- <Setter Property="IsChecked" Value="false" /> -->
            <Setter Property="IsEnabled" Value="true" />
            <Setter Property="IsTabStop" Value="true" />
            <Setter Property="Background" Value="#FF003255" />
            <Setter Property="Foreground" Value="#FF313131" />
            <Setter Property="Margin" Value="0" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Cursor" Value="Hand" />
            <!-- Cannot currently parse FontWeight type in XAML so it's being set in code -->
            <!-- <Setter Property="FontWeight" Value="Bold" /> -->
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <Grid>
                            <Grid.Resources>
                                <!-- Visual constants used by the template -->
                                <SolidColorBrush x:Key="DisabledBrush" Color="#A5FFFFFF" />
                                <LinearGradientBrush x:Key="control-emboss" EndPoint="0.5,1.002" StartPoint="0.5,-0.002" SpreadMethod="Pad">
                                    <GradientStop Color="#3E8A8A8A" Offset="0"/>
                                    <GradientStop Color="#80FFFFFF" Offset="1"/>
                                    <GradientStop Color="#3FDEDEDE" Offset="0.215"/>
                                </LinearGradientBrush>
                                <LinearGradientBrush x:Key="control-border" EndPoint="0.5,1.003" StartPoint="0.5,-0.003">
                                    <GradientStop Color="#FF414345" Offset="0"/>
                                    <GradientStop Color="#FFADB0B5" Offset="1"/>
                                    <GradientStop Color="#FF424347" Offset="0.178"/>
                                    <GradientStop Color="#FF7E8288" Offset="0.679"/>
                                </LinearGradientBrush>
                                <LinearGradientBrush x:Key="control-fill" EndPoint="0.5,1.003" StartPoint="0.5,-0.003" MappingMode="RelativeToBoundingBox">
                                    <GradientStop Color="#FFD6D6D6" Offset="0"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                    <GradientStop Color="#FFF0F0F0" Offset="0.508"/>
                                </LinearGradientBrush>
                            </Grid.Resources>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.001" />
                                        <vsm:VisualTransition To="Pressed"  GeneratedDuration="0:0:0.001" />
                                    </vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name="Normal" />
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Pressed">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="CheckStates">
                                    <vsm:VisualState x:Name="Checked">
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="CheckElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0"/>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Unchecked" />
                                </vsm:VisualStateGroup>

                                <vsm:VisualStateGroup x:Name="FocusStates">
                                    <vsm:VisualState x:Name="Unfocused">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Focused">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="ContentFocused">
                                        <Storyboard>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <!-- RadioButton visual -->
                            <Grid Width="19" Height="19" Margin="2,4,0,4" Grid.Column="0">
                                <Ellipse Margin="0,0,0,0" Fill="{StaticResource control-emboss}"/>
                                <Ellipse Margin="1,1,1,1" Fill="{StaticResource control-border}"/>
                                <Ellipse Margin="2,2,2,2" Fill="{StaticResource control-fill}"/>
                                <Grid x:Name="CheckElement" Width="Auto" Height="Auto" Margin="4,4,4,4" Opacity="0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="0.5*"/>
                                        <RowDefinition Height="0.5*"/>
                                    </Grid.RowDefinitions>
                                    <Ellipse Margin="0,0,0,0" Grid.RowSpan="2">
                                        <Ellipse.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1.003" StartPoint="0.5,-0.003">
                                                <GradientStop Color="#FF4E586E" Offset="0"/>
                                                <GradientStop Color="#FF687695" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Ellipse.Fill>
                                    </Ellipse>
                                    <Ellipse Margin="1,1,1,1" Grid.RowSpan="2" x:Name="ellipse1">
                                        <Ellipse.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#FF5885E6" Offset="0"/>
                                                <GradientStop Color="#FFE9F4FF" Offset="1"/>
                                                <GradientStop Color="#FF668FE8" Offset="0.295"/>
                                            </LinearGradientBrush>
                                        </Ellipse.Fill>
                                    </Ellipse>
                                    <Ellipse Margin="3,1,3,0" x:Name="ellipse2">
                                        <Ellipse.Fill>
                                            <LinearGradientBrush EndPoint="0.5,-0.002" StartPoint="0.5,1.002">
                                                <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                                <GradientStop Color="#19FFFFFF" Offset="0"/>
                                            </LinearGradientBrush>
                                        </Ellipse.Fill>
                                    </Ellipse>
                                </Grid>
                            </Grid>
                            <!-- Focus indicator -->
                            <Rectangle Grid.Column="1" x:Name="ContentFocusVisualElement" StrokeDashCap="Round" Margin="2" StrokeDashArray=".2 2" Visibility="Collapsed" IsHitTestVisible="false">
                                <Rectangle.Stroke>
                                    <SolidColorBrush Color="Black" />
                                </Rectangle.Stroke>
                            </Rectangle>

                            <!-- RadioButton content -->
                            <ContentControl
								  Grid.Column="1" 
								  Content="{TemplateBinding Content}" 
								  ContentTemplate="{TemplateBinding ContentTemplate}"
								  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
								  Padding="{TemplateBinding Padding}"
								  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" 
								  Margin="0,4,4,4"
                                VerticalAlignment="Center"
								  IsHitTestVisible="true" />
                            <!-- Disabled -->
                            <Ellipse x:Name="DisabledBox" Width="13" Height="13" StrokeThickness=".75"  Stroke="{StaticResource DisabledBrush}"  Fill="{StaticResource DisabledBrush}"  VerticalAlignment="Center" Opacity="0" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="ListBoxItem" x:Name="ListBoxItemStyle">
            <Setter Property="Foreground" Value="#FF393939" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="VerticalContentAlignment" Value="Top" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Background" Value="White" />
            <Setter Property="Padding" Value="0,0,0,0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid x:Name="RootElement" Background="White" >
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal">
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="MouseOverBackground" Storyboard.TargetProperty="Opacity"
													 To="1" />
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="SelectionStates">
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition To="Unselected" GeneratedDuration="00:00:00.2"/>
                                    </vsm:VisualStateGroup.Transitions>

                                    <vsm:VisualState x:Name="Unselected" />
                                    <vsm:VisualState x:Name="Selected">
                                        <Storyboard>
                                            <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="MainBorder" Storyboard.TargetProperty="Height"
													 To="50" />
                                            <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="SelectedBackground" Storyboard.TargetProperty="Opacity"
													 To="1" />
                                            <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="ExpandDescriptionButton" Storyboard.TargetProperty="Opacity"
													 To="1" />
                                            <ColorAnimation Duration="0" Storyboard.TargetName="MouseOverBackgroundBrush" Storyboard.TargetProperty="Color"
													 To="Transparent"/>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="FocusStates">
                                    <vsm:VisualState x:Name="Focused">
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Unfocused">
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
                            <Rectangle x:Name="SelectedBackground" Fill="#FFD5D8E0" Opacity="0"/>
                            <Rectangle x:Name="MouseOverBackground" Opacity="0">
                                <Rectangle.Fill>
                                    <SolidColorBrush x:Name="MouseOverBackgroundBrush" Color="#FFE6E8EC"/>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Border x:Name="MainBorder" Margin="0,0,0,0" Grid.ColumnSpan="2" Grid.RowSpan="1" Height="36" 
									BorderBrush="#FFB9BABF" BorderThickness="0,0,0,1" Padding="16,0,0,0" Background="Transparent">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="30"/>
                                    </Grid.ColumnDefinitions>
                                    <ContentControl
										Grid.Column="0"
										Content="{TemplateBinding Content}"
										ContentTemplate="{TemplateBinding ContentTemplate}" 
										HorizontalAlignment="Left"
										VerticalAlignment="Center"
										HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
										Padding="{TemplateBinding Padding}" 
										VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
                                    <Button x:Name="ExpandDescriptionButton" Grid.Column="1" Cursor="Hand" IsTabStop="False"
											Width="13" Height="13" Opacity="0" Margin="1,0,0,0"
											HorizontalAlignment="Center" VerticalAlignment="Center" 
											Click="ExpandDescriptionButton_Click" Loaded="ExpandDescriptionButton_Loaded"
											MouseEnter="ExpandDescriptionButton_MouseEnter" MouseLeave="ExpandDescriptionButton_MouseLeave">
                                        <Button.Foreground>
                                            <SolidColorBrush x:Name="PathFillBrush" Color="#FF828798" />
                                        </Button.Foreground>
                                        <Button.Template>
                                            <ControlTemplate TargetType="Button">
                                                <Grid>
                                                    <Ellipse Fill="Transparent" Width="13" Height="13"/>
                                                    <Path Stretch="Fill" Fill="{TemplateBinding Foreground}"
														  Data="F1 M 583,480L 583,479L 587,477L 587,482L 583,480 Z M 585.5,473C 589.09,473 592,475.91 592,479.5C 592,483.09 589.09,486 585.5,486C 581.91,486 579,483.09 579,479.5C 579,475.91 581.91,473 585.5,473 Z M 585.5,484C 587.985,484 590,481.985 590,479.5C 590,477.015 587.985,475 585.5,475C 583.015,475 581,477.015 581,479.5C 581,481.985 583.015,484 585.5,484 Z " 
														  Width="13" Height="13">
                                                    </Path>
                                                </Grid>
                                            </ControlTemplate>
                                        </Button.Template>
                                        <Button.RenderTransform>
                                            <RotateTransform x:Name="ExpandDescriptionButtonTransform" Angle="180" CenterX="6.5" CenterY="6.5" />
                                        </Button.RenderTransform>
                                        <Button.Resources>
                                            <Storyboard x:Name="ExpandDescriptionButtonShowAnimation" FillBehavior="HoldEnd">
                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandDescriptionButtonTransform" 
																		   Storyboard.TargetProperty="Angle">
                                                    <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="0"/>
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                            <Storyboard x:Name="ExpandDescriptionButtonHideAnimation" FillBehavior="HoldEnd">
                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandDescriptionButtonTransform" 
																		   Storyboard.TargetProperty="Angle">
                                                    <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="180"/>
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                            <Storyboard x:Name="ExpandDescriptionButtonMouseOverAnimation" FillBehavior="HoldEnd">
                                                <ColorAnimation Duration="00:00:00.3" Storyboard.TargetName="PathFillBrush" Storyboard.TargetProperty="Color" To="Black" />
                                            </Storyboard>
                                            <Storyboard x:Name="ExpandDescriptionButtonNormalAnimation" FillBehavior="HoldEnd">
                                                <ColorAnimation Duration="00:00:00.3" Storyboard.TargetName="PathFillBrush" Storyboard.TargetProperty="Color" To="#FF828798" />
                                            </Storyboard>
                                        </Button.Resources>
                                    </Button>
                                </Grid>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <ControlTemplate TargetType="ScrollViewer" x:Name="NavBarScrollViewerTemplate">
            <Border CornerRadius="1" 
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}">
                <Grid Background="{TemplateBinding Background}">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <ScrollContentPresenter
                          x:Name="ScrollContentPresenter"
                          Grid.Column="0"
                          Grid.Row="0"
                          Content="{TemplateBinding Content}"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          Cursor="{TemplateBinding Cursor}"
                          Margin="{TemplateBinding Padding}" />
                    <ScrollBar
                          x:Name="VerticalScrollBar"
                          Grid.Column="1"
                          Grid.Row="0"
                          Orientation="Vertical"
                          Cursor="Arrow"
                          Visibility="Collapsed"
                          ViewportSize="{TemplateBinding ViewportHeight}"
                          Minimum="0"
                          Maximum="{TemplateBinding ScrollableHeight}"
                          Value="{TemplateBinding VerticalOffset}" 
                          Width="18"/>
                    <ScrollBar
                          x:Name="HorizontalScrollBar"
                          Grid.Column="0"
                          Grid.Row="1"
                          Orientation="Horizontal"
                          Cursor="Arrow"
                          Visibility="Collapsed"
                          ViewportSize="{TemplateBinding ViewportWidth}"
                          Minimum="0"
                          Maximum="{TemplateBinding ScrollableWidth}"
                          Value="{TemplateBinding HorizontalOffset}" 
                          Height="18"/>
                </Grid>
            </Border>
        </ControlTemplate>
        
        <Storyboard x:Name="CollapseOptionsStory" FillBehavior="HoldEnd">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CollapsedButtonTransform" Storyboard.TargetProperty="Angle">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanelContainer" Storyboard.TargetProperty="Height">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanel" Storyboard.TargetProperty="(Canvas.Top)">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="-85"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanel" Storyboard.TargetProperty="Opacity">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimation Duration="00:00:00.05" Storyboard.TargetName="OptionsPanelSeparator" Storyboard.TargetProperty="Height" To="0" />
        </Storyboard>
        
        <Storyboard x:Name="ExpandOptionsStory" FillBehavior="HoldEnd">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CollapsedButtonTransform" Storyboard.TargetProperty="Angle">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="180"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanelContainer" Storyboard.TargetProperty="Height">
                <SplineDoubleKeyFrame x:Name="OptionsPanelContainerShowAnimationKeyFrame" KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="85"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanel" Storyboard.TargetProperty="(Canvas.Top)">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsPanel" Storyboard.TargetProperty="Opacity">
                <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimation Duration="00:00:00.05" Storyboard.TargetName="OptionsPanelSeparator" Storyboard.TargetProperty="Height" To="1" />
        </Storyboard>
        
        <RotateTransform x:Name="CollapsedButtonTransform" Angle="180" CenterX="17.5" CenterY="17.5" />
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="90"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="75"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="32"/>
            <ColumnDefinition Width="200"/>
            <ColumnDefinition Width="24"/>
            <ColumnDefinition Width="750"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- background -->
        <Grid x:Name="background" HorizontalAlignment="Stretch" Margin="0,0,0,0" Width="Auto" Grid.Column="0" Grid.ColumnSpan="5" Grid.RowSpan="3" MouseLeftButtonDown="MainPage_MouseLeftButtonDown">
            <Grid.RowDefinitions>
                <RowDefinition Height="300"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Border HorizontalAlignment="Stretch" Margin="0,0,0,0" x:Name="gradient_top" VerticalAlignment="Stretch">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFBED8F0"/>
                        <GradientStop Color="#FFE4EFF9" Offset="1"/>
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            <Border Height="Auto" HorizontalAlignment="Stretch" x:Name="gradient_bottom" VerticalAlignment="Stretch" Width="Auto" Grid.Row="1">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFE4EFF9"/>
                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            
            <Grid HorizontalAlignment="Left" Margin="560,-16,0,0" Width="621.461" Grid.RowSpan="2" x:Name="pattern_top">
                <Path x:Name="Path_Copy" Stretch="Fill" Fill="#3986AAD9" Data="F1 M 978.176,-79.146C 971.971,-76.8993 965.118,-80.1088 962.872,-86.3142C 960.625,-92.5197 963.835,-99.3717 970.04,-101.618C 976.246,-103.865 983.098,-100.656 985.344,-94.4501C 987.591,-88.2446 984.381,-81.3926 978.176,-79.146 Z " Height="23.906" HorizontalAlignment="Right" Margin="0,201.014007568359,125.601997375488,0" VerticalAlignment="Top" Width="23.906"/>
                <Path x:Name="Path_Copy11" Stretch="Fill" Fill="#8FC393C3" Data="F1 M 996.178,-106.71C 990.374,-101.424 981.384,-101.844 976.098,-107.647C 970.812,-113.451 971.232,-122.442 977.035,-127.728C 982.839,-133.014 991.83,-132.594 997.116,-126.79C 1002.4,-120.986 1001.98,-111.996 996.178,-106.71 Z " Height="28.429" HorizontalAlignment="Right" Margin="0,171.916000366211,110.842002868652,0" VerticalAlignment="Top" Width="28.429"/>
                <Path x:Name="Path_Copy12" Stretch="Fill" Fill="#6A92B3DE" Data="F1 M 813.753,-84.5465C 812.852,-78.8114 807.472,-74.8927 801.737,-75.7939C 796.002,-76.6952 792.083,-82.0752 792.984,-87.8102C 793.885,-93.5453 799.265,-97.464 805,-96.5629C 810.735,-95.6616 814.654,-90.2816 813.753,-84.5465 Z " Height="21.027" HorizontalAlignment="Stretch" Margin="302.653015136719,206.656997680664,297.781005859375,0" VerticalAlignment="Top" Width="21.027"/>
                <Path x:Name="Path_Copy13" Stretch="Fill" Fill="#7187AAD9" Data="F1 M 866.786,-131.835C 862.895,-127.75 856.43,-127.594 852.345,-131.485C 848.261,-135.376 848.104,-141.841 851.995,-145.926C 855.886,-150.01 862.352,-150.167 866.436,-146.276C 870.52,-142.385 870.677,-135.919 866.786,-131.835 Z " Height="20.428" HorizontalAlignment="Right" Margin="0,154.255004882813,242.059005737305,0" VerticalAlignment="Top" Width="20.428"/>
                <Path x:Name="Path_Copy14" Stretch="Fill" Fill="#6183A7D8" Data="F1 M 823.453,-112.987C 819.64,-109.574 813.782,-109.899 810.37,-113.712C 806.957,-117.524 807.281,-123.382 811.094,-126.795C 814.907,-130.207 820.765,-129.883 824.177,-126.07C 827.59,-122.257 827.265,-116.399 823.453,-112.987 Z " Height="18.531" HorizontalAlignment="Right" Margin="0,174.192993164063,285.123992919922,0" VerticalAlignment="Top" Width="18.531"/>
                <Path x:Name="Path_Copy15" Stretch="Fill" Fill="#9284A8D8" Data="F1 M 846.751,-112.433C 844.746,-111.068 842.014,-111.588 840.649,-113.593C 839.284,-115.598 839.804,-118.33 841.809,-119.695C 843.814,-121.059 846.546,-120.54 847.911,-118.535C 849.276,-116.53 848.756,-113.797 846.751,-112.433 Z " Height="8.785" HorizontalAlignment="Right" Margin="0,182.893005371094,262.989990234375,0" VerticalAlignment="Top" Width="8.785"/>
                <Path x:Name="Path_Copy16" Stretch="Fill" Fill="#759DBCE3" Data="F1 M 1027.13,-28.186C 1026.92,-24.8655 1024.05,-22.3506 1020.73,-22.5689C 1017.41,-22.7874 1014.89,-25.6563 1015.11,-28.9768C 1015.33,-32.2973 1018.2,-34.8122 1021.52,-34.5938C 1024.84,-34.3754 1027.35,-31.5064 1027.13,-28.186 Z " Height="12.051" HorizontalAlignment="Right" Margin="0,268.742004394531,84.5120010375977,0" VerticalAlignment="Top" Width="12.051"/>
                <Path x:Name="Path_Copy17" Stretch="Fill" Fill="#4B9AB9E2" Data="F1 M 1054.43,-36.2331C 1053.86,-31.2893 1049.39,-27.7437 1044.44,-28.314C 1039.5,-28.8843 1035.95,-33.3545 1036.52,-38.2982C 1037.09,-43.2419 1041.56,-46.7875 1046.51,-46.2172C 1051.45,-45.647 1055,-41.1768 1054.43,-36.2331 Z " Height="18.023" HorizontalAlignment="Right" Margin="0,257.071990966797,57.1790008544922,0" VerticalAlignment="Top" Width="18.024"/>
                <Path x:Name="Path_Copy19" Stretch="Fill" Fill="#6DCB93C2" Data="F1 M 883.132,41.1531C 880.073,43.89 875.376,43.6296 872.639,40.5716C 869.902,37.5136 870.162,32.8157 873.22,30.0787C 876.278,27.3418 880.976,27.6021 883.713,30.6602C 886.45,33.7182 886.19,38.4161 883.132,41.1531 Z " Height="14.862" HorizontalAlignment="Right" Margin="0,331.533996582031,226.055999755859,0" VerticalAlignment="Top" Width="14.862"/>
                <Path x:Name="Path_Copy20" Stretch="Fill" Fill="#5E9DBCE3" Data="F1 M 776.191,33.2717C 771.645,37.2092 764.767,36.7158 760.83,32.1694C 756.892,27.623 757.386,20.7452 761.932,16.8077C 766.479,12.8702 773.356,13.3637 777.294,17.9101C 781.231,22.4564 780.738,29.3342 776.191,33.2717 Z " Height="21.781" HorizontalAlignment="Left" Margin="267.968994140625,317.497985839844,0,0" VerticalAlignment="Top" Width="21.781"/>
                <Path x:Name="Path_Copy23" Stretch="Fill" Fill="#48A1BFE4" Data="F1 M 1111.63,64.2463C 1111.21,68.9468 1107.05,72.4127 1102.35,71.9871C 1097.65,71.5617 1094.18,67.406 1094.61,62.7055C 1095.04,58.0049 1099.19,54.5391 1103.89,54.9647C 1108.59,55.3901 1112.06,59.5458 1111.63,64.2463 Z " Height="17.093" HorizontalAlignment="Right" Margin="0,358.278015136719,0,0" VerticalAlignment="Top" Width="17.093"/>
                <Path x:Name="Path_Copy24" Stretch="Fill" Fill="#3698B8E1" Data="F1 M 643.225,301.824C 635.503,308.834 623.56,308.256 616.55,300.533C 609.541,292.811 610.119,280.868 617.841,273.858C 625.564,266.849 637.507,267.427 644.516,275.149C 651.526,282.872 650.948,294.815 643.225,301.824 Z " Height="37.769" HorizontalAlignment="Left" Margin="121.446998596191,0,0,299.061004638672" VerticalAlignment="Bottom" Width="37.769"/>
                <Path x:Name="Path_Copy25" Stretch="Fill" Fill="#6CA1BDE3" Data="F1 M 867.719,57.527C 865.161,65.4855 856.636,69.864 848.677,67.3062C 840.719,64.7485 836.341,56.2231 838.898,48.2646C 841.456,40.3062 849.981,35.9277 857.94,38.4854C 865.898,41.0432 870.277,49.5685 867.719,57.527 Z " Height="30.28" HorizontalAlignment="Right" Margin="0,341.105010986328,243.214004516602,0" VerticalAlignment="Top" Width="30.281"/>
                <Path x:Name="Path_Copy26" Stretch="Fill" Fill="#52A4C1E5" Data="F1 M 944.751,603.555C 941.147,606.781 935.61,606.474 932.384,602.87C 929.158,599.266 929.465,593.728 933.069,590.502C 936.673,587.276 942.21,587.583 945.436,591.187C 948.662,594.792 948.356,600.329 944.751,603.555 Z " Height="17.517" HorizontalAlignment="Right" Margin="0,0,163.994003295898,0" VerticalAlignment="Bottom" Width="17.517"/>
                <Path x:Name="Path_Copy27" Stretch="Fill" Fill="#7BD9E4F4" Data="F1 M 853.43,311.553C 851.204,313.545 847.784,313.356 845.792,311.13C 843.8,308.904 843.989,305.484 846.215,303.491C 848.441,301.499 851.861,301.689 853.854,303.915C 855.846,306.141 855.657,309.561 853.43,311.553 Z " Height="10.819" HorizontalAlignment="Right" Margin="0,0,256.429992675781,292.855010986328" VerticalAlignment="Bottom" Width="10.819"/>
                <Path x:Name="Path_Copy28" Stretch="Fill" Fill="#3394B4DE" Data="F1 M 1012.57,199.091C 1008.49,205.747 999.79,207.839 993.134,203.763C 986.478,199.687 984.386,190.987 988.462,184.331C 992.538,177.675 1001.24,175.583 1007.89,179.659C 1014.55,183.735 1016.64,192.435 1012.57,199.091 Z " Height="28.268" HorizontalAlignment="Right" Margin="0,0,97.0149993896484,399.941986083984" VerticalAlignment="Bottom" Width="28.268"/>
                <Path x:Name="Path_Copy29" Stretch="Fill" Fill="#239BBAE2" Data="F1 M 857.597,288.032C 846.609,289.449 836.552,281.689 835.135,270.701C 833.718,259.713 841.477,249.656 852.466,248.239C 863.454,246.822 873.511,254.582 874.928,265.57C 876.345,276.558 868.585,286.615 857.597,288.032 Z " Height="40.127" HorizontalAlignment="Right" Margin="0,0,236.567993164063,317.588012695313" VerticalAlignment="Bottom" Width="40.127"/>
                <Path x:Name="Path_Copy30" Stretch="Fill" Fill="#44CF8FBF" Data="F1 M 822.523,437.698C 818.016,441.358 811.396,440.671 807.736,436.164C 804.077,431.657 804.764,425.036 809.271,421.377C 813.778,417.718 820.399,418.405 824.058,422.912C 827.717,427.419 827.03,434.039 822.523,437.698 Z " Height="21.024" HorizontalAlignment="Right" Margin="0,0,285.253997802734,165.736999511719" VerticalAlignment="Bottom" Width="21.024"/>
                <Path x:Name="Path_Copy31" Stretch="Fill" Fill="#50CA97C4" Data="F1 M 839.48,301.078C 835.791,304.193 830.274,303.726 827.16,300.036C 824.046,296.347 824.512,290.83 828.202,287.716C 831.892,284.602 837.408,285.068 840.522,288.758C 843.637,292.448 843.17,297.964 839.48,301.078 Z " Height="17.486" HorizontalAlignment="Right" Margin="0,0,269.079010009766,302.647003173828" VerticalAlignment="Bottom" Width="17.486"/>
                <Path x:Name="Path_Copy32" Stretch="Fill" Fill="#449CBBE2" Data="F1 M 834.811,254.877C 827.672,256.946 820.208,252.837 818.139,245.699C 816.069,238.56 820.179,231.096 827.317,229.027C 834.455,226.957 841.92,231.067 843.989,238.205C 846.058,245.343 841.949,252.808 834.811,254.877 Z " Height="26.922" HorizontalAlignment="Right" Margin="0,0,267.138000488281,350.373992919922" VerticalAlignment="Bottom" Width="26.922"/>
                <Path x:Name="Path_Copy33" Stretch="Fill" Fill="#8AA0BEE4" Data="F1 M 773.574,322.872C 771.597,323.853 769.198,323.046 768.217,321.069C 767.235,319.091 768.043,316.693 770.02,315.712C 771.997,314.73 774.396,315.537 775.377,317.515C 776.358,319.492 775.551,321.89 773.574,322.872 Z " Height="7.995" HorizontalAlignment="Left" Margin="277.596984863281,0,0,282.497985839844" VerticalAlignment="Bottom" Width="7.995"/>
                <Path x:Name="Path_Copy56" Stretch="Fill" Fill="#44A2C0E5" Data="F1 M 704.178,268.7C 702.182,270.486 699.115,270.317 697.328,268.32C 695.541,266.324 695.711,263.257 697.707,261.47C 699.704,259.683 702.771,259.853 704.558,261.849C 706.345,263.846 706.175,266.913 704.178,268.7 Z " Height="9.703" HorizontalAlignment="Left" Margin="205.889007568359,0,0,335.851013183594" VerticalAlignment="Bottom" Width="9.703"/>
                <Path x:Name="Path_Copy57" Stretch="Fill" Fill="#91AFC7E8" Data="F1 M 762.08,335.483C 759.052,338.032 754.53,337.643 751.982,334.615C 749.433,331.587 749.821,327.066 752.85,324.517C 755.878,321.968 760.399,322.357 762.948,325.385C 765.497,328.413 765.108,332.934 762.08,335.483 Z " Height="14.334" HorizontalAlignment="Left" Margin="260.096008300781,0,0,268.619995117188" VerticalAlignment="Bottom" Width="14.334"/>
                <Path x:Name="Path_Copy58" Stretch="Fill" Fill="#50C699C6" Data="F1 M 909.626,-261.444C 898.993,-264.469 892.825,-275.541 895.85,-286.174C 898.875,-296.807 909.947,-302.974 920.58,-299.949C 931.213,-296.925 937.381,-285.852 934.356,-275.22C 931.331,-264.587 920.259,-258.419 909.626,-261.444 Z " Height="40.044" HorizontalAlignment="Right" Margin="0,2.63100004196167,176.537994384766,0" VerticalAlignment="Top" Width="40.044"/>
                <Path x:Name="Path_Copy59" Stretch="Fill" Fill="#3298B8E1" Data="F1 M 833.072,-285.458C 828.853,-281.681 822.371,-282.041 818.595,-286.26C 814.819,-290.479 815.178,-296.96 819.397,-300.736C 823.616,-304.513 830.098,-304.153 833.874,-299.934C 837.65,-295.715 837.291,-289.234 833.072,-285.458 Z " Height="20.505" HorizontalAlignment="Right" Margin="0,0,275.175994873047,0" VerticalAlignment="Top" Width="20.505"/>
                <Path x:Name="Path_Copy60" Stretch="Fill" Fill="#39A0BEE4" Data="F1 M 689.915,-223.38C 687.537,-220.545 683.311,-220.174 680.476,-222.552C 677.64,-224.929 677.269,-229.156 679.647,-231.991C 682.025,-234.826 686.251,-235.197 689.087,-232.819C 691.922,-230.442 692.293,-226.215 689.915,-223.38 Z " Height="13.401" HorizontalAlignment="Left" Margin="187.878997802734,68.9629974365234,0,0" VerticalAlignment="Top" Width="13.401"/>
                <Path x:Name="Path_Copy61" Stretch="Fill" Fill="#4BA1BFE4" Data="F1 M 612.181,-225.487C 607.645,-220.95 600.289,-220.95 595.752,-225.486C 591.214,-230.023 591.214,-237.379 595.751,-241.916C 600.288,-246.453 607.644,-246.454 612.181,-241.917C 616.718,-237.38 616.718,-230.024 612.181,-225.487 Z " Height="23.235" HorizontalAlignment="Left" Margin="102.147003173828,58.0299987792969,0,0" VerticalAlignment="Top" Width="23.235"/>
                <Path x:Name="Path_Copy62" Stretch="Fill" Fill="#79CD94C2" Data="F1 M 640.317,-257.61C 637.7,-253.666 632.381,-252.59 628.437,-255.207C 624.493,-257.824 623.418,-263.143 626.035,-267.087C 628.652,-271.031 633.97,-272.106 637.914,-269.49C 641.858,-266.873 642.934,-261.554 640.317,-257.61 Z " Height="17.142" HorizontalAlignment="Left" Margin="134.40299987793,32.4300003051758,0,0" VerticalAlignment="Top" Width="17.142"/>
                <Path x:Name="Path_Copy63" Stretch="Fill" Fill="#3697B7E0" Data="F1 M 501.539,-256.286C 501.737,-253.158 499.361,-250.463 496.234,-250.265C 493.106,-250.068 490.411,-252.443 490.213,-255.571C 490.016,-258.698 492.391,-261.394 495.519,-261.591C 498.646,-261.789 501.342,-259.413 501.539,-256.286 Z " Height="11.349" HorizontalAlignment="Left" Margin="0,41.7459983825684,0,0" VerticalAlignment="Top" Width="11.349"/>
                <Path x:Name="Path_Copy64" Stretch="Fill" Fill="#709CBBE2" Data="F1 M 949.469,-296.355C 951.769,-295.145 952.652,-292.3 951.443,-290C 950.233,-287.701 947.388,-286.817 945.088,-288.027C 942.789,-289.236 941.905,-292.081 943.115,-294.381C 944.324,-296.681 947.169,-297.564 949.469,-296.355 Z " Height="9.412" HorizontalAlignment="Right" Margin="0,6.4520001411438,159.677993774414,0" VerticalAlignment="Top" Width="9.412"/>
                <Path x:Name="Path_Copy65" Stretch="Fill" Fill="#4ECE91C0" Data="F1 M 1059.76,-270.084C 1057.39,-267.96 1053.74,-268.162 1051.62,-270.536C 1049.49,-272.909 1049.69,-276.556 1052.07,-278.68C 1054.44,-280.804 1058.09,-280.602 1060.21,-278.229C 1062.34,-275.855 1062.13,-272.209 1059.76,-270.084 Z " Height="11.536" HorizontalAlignment="Right" Margin="0,23.1989994049072,49.9770011901855,0" VerticalAlignment="Top" Width="11.536"/>
                <Path x:Name="Path_Copy66" Stretch="Fill" Fill="#4EA1BAE1" Data="F1 M 1026.79,-266.578C 1025.15,-265.106 1022.62,-265.246 1021.15,-266.891C 1019.67,-268.536 1019.81,-271.064 1021.46,-272.536C 1023.1,-274.009 1025.63,-273.868 1027.1,-272.223C 1028.58,-270.578 1028.44,-268.051 1026.79,-266.578 Z " Height="7.995" HorizontalAlignment="Right" Margin="0,29.7940006256104,83.5380020141602,0" VerticalAlignment="Top" Width="7.995"/>
                <Path x:Name="Path_Copy67" Stretch="Fill" Fill="#4AA1BFE4" Data="F1 M 1025.96,-197.48C 1016.81,-199.011 1010.64,-207.669 1012.17,-216.819C 1013.7,-225.969 1022.36,-232.146 1031.51,-230.615C 1040.66,-229.084 1046.83,-220.426 1045.3,-211.276C 1043.77,-202.126 1035.11,-195.949 1025.96,-197.48 Z " Height="33.601" HorizontalAlignment="Right" Margin="0,72.5009994506836,66.1320037841797,0" VerticalAlignment="Top" Width="33.601"/>
                <Path x:Name="Path_Copy68" Stretch="Fill" Fill="#7C9DBBE2" Data="F1 M 798.3,37.8467C 795.373,40.4664 790.876,40.2172 788.257,37.2902C 785.637,34.3632 785.886,29.8666 788.813,27.247C 791.74,24.6274 796.237,24.8765 798.857,27.8035C 801.476,30.7305 801.227,35.2271 798.3,37.8467 Z " Height="14.225" HorizontalAlignment="Left" Margin="296.242004394531,328.782989501953,0,0" VerticalAlignment="Top" Width="14.225"/>
            </Grid>
            <Grid Height="213.599" Margin="25.6089992523193,0,0,14.0209999084473" VerticalAlignment="Bottom" Grid.Row="1" Width="334.197" HorizontalAlignment="Left" x:Name="pattern_bottom">
                <Path x:Name="Path_Copy69" Stretch="Fill" Fill="#7187AAD9" Data="F1 M 510.384,546.341C 515.704,546.875 519.584,551.621 519.05,556.941C 518.516,562.261 513.77,566.141 508.45,565.607C 503.13,565.073 499.249,560.327 499.783,555.007C 500.317,549.687 505.063,545.807 510.384,546.341 Z " Height="19.365" HorizontalAlignment="Left" Margin="94.125,0,0,83.3219985961914" VerticalAlignment="Bottom" Width="19.365"/>
                <Path x:Name="Path_Copy70" Stretch="Fill" Fill="#3986AAD9" Data="F1 M 434.663,475.515C 436.288,476.539 436.775,478.685 435.751,480.31C 434.728,481.934 432.581,482.421 430.956,481.398C 429.332,480.374 428.845,478.227 429.868,476.603C 430.892,474.978 433.039,474.491 434.663,475.515 Z " Height="6.954" HorizontalAlignment="Left" Margin="23.7240009307861,39.5989990234375,0,0" VerticalAlignment="Top" Width="6.954"/>
                <Path x:Name="Path_Copy71" Stretch="Fill" Fill="#8FC393C3" Data="F1 M 416.18,617.133C 421.097,617.981 424.395,622.655 423.546,627.572C 422.698,632.488 418.024,635.786 413.108,634.937C 408.191,634.089 404.893,629.415 405.742,624.499C 406.59,619.582 411.264,616.284 416.18,617.133 Z " Height="18.071" HorizontalAlignment="Left" Margin="0,0,0,13.9079999923706" VerticalAlignment="Bottom" Width="18.071"/>
                <Path x:Name="Path_Copy72" Stretch="Fill" Fill="#4B9AB9E2" Data="F1 M 619.708,439.189C 621.226,438.266 623.204,438.748 624.127,440.266C 625.05,441.784 624.567,443.762 623.05,444.685C 621.532,445.608 619.554,445.125 618.631,443.608C 617.708,442.09 618.19,440.112 619.708,439.189 Z " Height="6.433" HorizontalAlignment="Right" Margin="0,3.33999991416931,115.210998535156,0" VerticalAlignment="Top" Width="6.433"/>
                <Path x:Name="Path_Copy73" Stretch="Fill" Fill="#6DB9C0E1" Data="F1 M 545.135,470.358C 547.701,470.824 549.404,473.282 548.938,475.848C 548.472,478.414 546.014,480.117 543.447,479.651C 540.881,479.185 539.178,476.727 539.644,474.161C 540.11,471.595 542.568,469.892 545.135,470.358 Z " Height="9.447" HorizontalAlignment="Left" Margin="133.957992553711,34.9010009765625,0,0" VerticalAlignment="Top" Width="9.447"/>
                <Path x:Name="Path_Copy74" Stretch="Fill" Fill="#6CA1BDE2" Data="F1 M 529.2,479.957C 535.757,477.562 543.015,480.937 545.409,487.494C 547.804,494.051 544.43,501.308 537.873,503.703C 531.316,506.098 524.058,502.724 521.664,496.166C 519.269,489.609 522.643,482.352 529.2,479.957 Z " Height="25.287" HorizontalAlignment="Left" Margin="115.283996582031,43.806999206543,0,0" VerticalAlignment="Top" Width="25.287"/>
                <Path x:Name="Path_Copy75" Stretch="Fill" Fill="#3299B8E1" Data="F1 M 428.236,635.178C 432.016,635.864 434.524,639.485 433.838,643.265C 433.151,647.045 429.531,649.553 425.751,648.866C 421.971,648.18 419.463,644.559 420.149,640.779C 420.836,637 424.456,634.492 428.236,635.178 Z " Height="13.914" HorizontalAlignment="Left" Margin="14.4270000457764,0,0,0" VerticalAlignment="Bottom" Width="13.914"/>
                <Path x:Name="Path_Copy76" Stretch="Fill" Fill="#39A0BEE4" Data="F1 M 736.803,583.642C 738.524,583.705 739.867,585.152 739.804,586.872C 739.741,588.593 738.295,589.937 736.574,589.873C 734.854,589.81 733.51,588.364 733.573,586.644C 733.636,584.923 735.083,583.579 736.803,583.642 Z " Height="6.235" HorizontalAlignment="Right" Margin="0,0,0,59.1040000915527" VerticalAlignment="Bottom" Width="6.235"/>
                <Path x:Name="Path_Copy77" Stretch="Fill" Fill="#79CD94C2" Data="F1 M 723.716,569.738C 727.47,569.455 730.743,572.269 731.026,576.022C 731.309,579.776 728.496,583.049 724.742,583.332C 720.988,583.615 717.715,580.802 717.432,577.048C 717.149,573.294 719.963,570.021 723.716,569.738 Z " Height="13.633" HorizontalAlignment="Right" Margin="0,0,8.76000022888184,65.6269989013672" VerticalAlignment="Bottom" Width="13.633"/>
                <Path x:Name="Path_Copy78" Stretch="Fill" Fill="#709DBBE2" Data="F1 M 430.526,538.293C 430.089,535.847 431.717,533.51 434.163,533.073C 436.608,532.636 438.945,534.264 439.383,536.71C 439.82,539.155 438.192,541.492 435.746,541.929C 433.301,542.367 430.964,540.738 430.526,538.293 Z " Height="8.998" HorizontalAlignment="Left" Margin="24.8460006713867,97.6220016479492,0,0" VerticalAlignment="Top" Width="8.998"/>
                <Path x:Name="Path_Copy79" Stretch="Fill" Fill="#4ECE91C0" Data="F1 M 490.824,545.495C 493.06,545.901 494.544,548.043 494.138,550.279C 493.732,552.516 491.59,553.999 489.353,553.593C 487.117,553.187 485.634,551.045 486.04,548.809C 486.446,546.573 488.588,545.089 490.824,545.495 Z " Height="8.232" HorizontalAlignment="Left" Margin="80.3639984130859,0,0,95.3190002441406" VerticalAlignment="Bottom" Width="8.232"/>
                <Path x:Name="Path_Copy80" Stretch="Fill" Fill="#4EA1BAE1" Data="F1 M 441.463,544.842C 442.724,545.071 443.56,546.279 443.331,547.54C 443.102,548.801 441.894,549.637 440.633,549.408C 439.373,549.179 438.536,547.971 438.765,546.71C 438.994,545.449 440.202,544.613 441.463,544.842 Z " Height="4.642" HorizontalAlignment="Left" Margin="33.1180000305176,0,0,99.5329971313477" VerticalAlignment="Bottom" Width="4.642"/>
                <Path x:Name="Path_Copy81" Stretch="Fill" Fill="#7C9DBBE2" Data="F1 M 611.069,435.454C 613.526,435.9 615.155,438.253 614.709,440.709C 614.263,443.166 611.911,444.795 609.454,444.349C 606.998,443.903 605.368,441.551 605.814,439.094C 606.26,436.638 608.613,435.008 611.069,435.454 Z " Height="9.043" HorizontalAlignment="Right" Margin="0,0,125.024002075195,0" VerticalAlignment="Top" Width="9.042"/>
            </Grid>
        </Grid>
        
        <!-- header -->
        <Grid x:Name="title" HorizontalAlignment="Stretch" Margin="0,0,0,0" Width="Auto" Grid.Column="1" Grid.ColumnSpan="3">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width=".5*"/>
                <ColumnDefinition Width=".5*"/>
            </Grid.ColumnDefinitions>
            <!-- color picker -->
            <Grid Height="Auto" HorizontalAlignment="Right" Margin="0,1,0,0" x:Name="color_picker" VerticalAlignment="Center" Width="500" Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                  <Border Height="Auto" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Width="Auto" Grid.Column="2" Background="#FF494C5A" CornerRadius="3,3,3,3" Padding="5,5,5,5">
					<StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
						<Grid Height="17" Width="17" Opacity="0.2">
							<Border Margin="1,1,1,1" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FF6EDE90"/>
										<GradientStop Color="#FF90E6AE" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
						<Border Width="2"/>
						<Grid Height="17" Width="17" Opacity="0.2">
							<Border Margin="1,1,1,1" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FFDEA16E"/>
										<GradientStop Color="#FFE6C390" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
						<Border Width="2" Height="15"/>
						<Grid Height="17" Width="17" Opacity="0.2">
							<Border Margin="1,1,1,1" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FFDE6ED6"/>
										<GradientStop Color="#FFBC90E6" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
						<Border Width="2" Height="15"/>
						<Grid Height="17" Width="17" Cursor="Hand">
							<Border Background="#FFFFFFFF" CornerRadius="3,3,3,3" Padding="1,1,1,1">
								<Border Background="#FF494C5A" CornerRadius="3,3,3,3"/>
							</Border>
							<Border Margin="2,2,2,2" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FF6EA2DE"/>
										<GradientStop Color="#FF90B8E6" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
						<Border Width="2" Height="15"/>
						<Grid Height="17" Width="17" Opacity="0.2">
							<Border Margin="1,1,1,1" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FFDCDCDC"/>
										<GradientStop Color="#FFF5F5F5" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
						<Border Width="2" Height="15"/>
						<Grid Height="17" Width="17" Opacity="0.2">
							<Border Margin="1,1,1,1" CornerRadius="2,2,2,2">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
										<GradientStop Color="#FF747474"/>
										<GradientStop Color="#FF9F9F9F" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
						</Grid>
					</StackPanel>
				</Border>
                <TextBlock Text="Choose Demo Color:" Margin="0,0,0,0" FontSize="13" Foreground="#FF5B5C61" HorizontalAlignment="Right" VerticalAlignment="Center" Grid.Column="0"/>
            </Grid>
            
            <HyperlinkButton NavigateUri="http://www.discoverylogic.com/" TargetName="_blank" Width="487" HorizontalAlignment="Right">
                <HyperlinkButton.Template>
                    <ControlTemplate>
                        <Grid Width="280" HorizontalAlignment="Left"  VerticalAlignment="Center">
                            <Rectangle Fill="Red" Opacity="0"/>
                            <StackPanel HorizontalAlignment="Left" Margin="16,0,0,0" x:Name="product_logo" VerticalAlignment="Center" Width="Auto" Orientation="Horizontal">
                                <Grid Height="40">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="50"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 287.82,54.6664C 285.414,54.6664 283.445,56.6354 283.445,59.0414L 283.445,85.2917C 283.445,87.6977 285.414,89.6667 287.82,89.6667L 314.07,89.6667C 316.476,89.6667 318.445,87.6977 318.445,85.2917L 318.445,59.0414C 318.445,56.6354 316.476,54.6664 314.07,54.6664L 287.82,54.6664 Z " Height="35.001" HorizontalAlignment="Left" Margin="0,0,0,5" VerticalAlignment="Stretch" Width="35">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.251967,0.00588723" EndPoint="0.712718,0.923734">
                                                <GradientStop Color="#FF545B79" Offset="0"/>
                                                <GradientStop Color="#FF10132E" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 287.745,55.6674C 285.931,55.6674 284.445,57.1525 284.445,58.9675L 284.445,85.3677C 284.445,87.1837 285.931,88.6667 287.745,88.6667L 314.145,88.6667C 315.96,88.6667 317.445,87.1837 317.445,85.3677L 317.445,58.9675C 317.445,57.1525 315.96,55.6674 314.145,55.6674L 287.745,55.6674 Z " HorizontalAlignment="Left" Margin="1,1.00100004673004,0,6" VerticalAlignment="Stretch" Width="33">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.264929,0.0170458" EndPoint="0.700122,0.911195">
                                                <GradientStop Color="#FF99A7BC" Offset="0"/>
                                                <GradientStop Color="#FF292D4D" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 287.745,55.6664C 285.931,55.6664 284.445,57.1514 284.445,58.9665L 284.445,59.2425C 284.445,57.4255 285.931,55.9415 287.745,55.9415L 314.145,55.9415C 315.96,55.9415 317.445,57.4255 317.445,59.2425L 317.445,58.9665C 317.445,57.1514 315.96,55.6664 314.145,55.6664L 287.745,55.6664 Z " Height="3.576" HorizontalAlignment="Left" Margin="1,1,0,0" VerticalAlignment="Top" Width="33">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0,0.499898" EndPoint="0.999999,0.499898">
                                                <GradientStop Color="#FFAFBCCF" Offset="0"/>
                                                <GradientStop Color="#FF98A1B8" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 288.119,57.6664C 287.198,57.6664 286.445,58.4195 286.445,59.3405L 286.445,84.9927C 286.445,85.9137 287.198,86.6667 288.119,86.6667L 313.771,86.6667C 314.692,86.6667 315.445,85.9137 315.445,84.9927L 315.445,59.3405C 315.445,58.4195 314.692,57.6664 313.771,57.6664L 288.119,57.6664 Z " Height="29.001" HorizontalAlignment="Left" Margin="3,3,0,8" VerticalAlignment="Stretch" Width="29">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.305967,0.00500274" EndPoint="0.671078,0.936501">
                                                <GradientStop Color="#FFFBFBFD" Offset="0"/>
                                                <GradientStop Color="#FFEEE9F3" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 288.57,58.6664C 287.951,58.6664 287.445,59.1725 287.445,59.7914L 287.445,60.3535L 287.445,62.0415L 287.445,63.1035C 287.445,63.4135 287.698,63.6665 288.008,63.6665L 294.445,63.6665L 294.445,67.6666L 288.008,67.6666C 287.698,67.6666 287.445,67.9195 287.445,68.2286L 287.445,69.1046C 287.445,69.4136 287.698,69.6666 288.008,69.6666L 294.445,69.6666L 294.445,73.6666L 288.008,73.6666C 287.698,73.6666 287.445,73.9196 287.445,74.2296L 287.445,75.1036C 287.445,75.4136 287.698,75.6666 288.008,75.6666L 294.445,75.6666L 294.445,79.6666L 288.008,79.6666C 287.698,79.6666 287.445,79.9196 287.445,80.2296L 287.445,82.4136L 287.445,82.8537L 287.445,84.5596C 287.445,85.1687 287.943,85.6667 288.552,85.6667L 313.338,85.6667C 313.947,85.6667 314.445,85.1687 314.445,84.5596L 314.445,82.8537L 314.445,82.4136L 314.445,80.2296C 314.445,79.9196 314.192,79.6666 313.883,79.6666L 307.445,79.6666L 307.445,75.6666L 313.883,75.6666C 314.192,75.6666 314.445,75.4136 314.445,75.1036L 314.445,74.2296C 314.445,73.9196 314.192,73.6666 313.883,73.6666L 307.445,73.6666L 307.445,69.6666L 313.883,69.6666C 314.192,69.6666 314.445,69.4136 314.445,69.1046L 314.445,68.2286C 314.445,67.9195 314.192,67.6666 313.883,67.6666L 307.445,67.6666L 307.445,63.6665L 313.883,63.6665C 314.192,63.6665 314.445,63.4135 314.445,63.1035L 314.445,62.0415L 314.445,60.3535L 314.445,59.7914C 314.445,59.1725 313.939,58.6664 313.32,58.6664L 313.32,58.6664M 296.445,63.6665L 305.445,63.6665L 305.445,67.6666L 296.445,67.6666M 296.445,69.6666L 305.445,69.6666L 305.445,73.6666L 296.445,73.6666M 296.445,75.6666L 305.445,75.6666L 305.445,79.6677L 296.445,79.6677L 296.445,75.6666 Z " Height="27.001" HorizontalAlignment="Left" Margin="4,4,0,9" VerticalAlignment="Stretch" Width="27">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.319951,-0.00938351" EndPoint="0.658493,0.948952">
                                                <GradientStop Color="#FFAA98C9" Offset="0"/>
                                                <GradientStop Color="#FF5C4A8A" Offset="0.510986"/>
                                                <GradientStop Color="#FF3F2B70" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Grid.Column="0" Stretch="Fill" Data="F1 M 302.974,55.6664L 287.745,55.6664C 285.931,55.6664 284.445,57.1505 284.445,58.9655L 284.445,85.3667C 284.445,87.1827 285.931,88.6667 287.745,88.6667L 297.818,88.6667L 302.974,55.6664 Z " Height="33.001" HorizontalAlignment="Left" Margin="1,1,0,6" VerticalAlignment="Stretch" Width="18.529">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.586929,0.992424" EndPoint="1.5949,0.992424">
                                                <LinearGradientBrush.RelativeTransform>
                                                    <TransformGroup>
                                                        <SkewTransform CenterX="0.586929" CenterY="0.992424" AngleX="-12.6344" AngleY="0"/>
                                                        <RotateTransform CenterX="0.586929" CenterY="0.992424" Angle="251.261"/>
                                                    </TransformGroup>
                                                </LinearGradientBrush.RelativeTransform>
                                                <GradientStop Color="#00FFFFFF" Offset="0"/>
                                                <GradientStop Color="#59FFFFFF" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <TextBlock Grid.Column="1" Style="{StaticResource TitleTextBlockStyle}" Text="DL"/>
                                    <!--<Path Stretch="Fill" Fill="#FF36395E" Data="F1 M 535.698,56.1602L 533.661,56.1602L 533.027,58.5532C 532.805,59.4172 532.594,60.3682 532.441,61.2232L 532.402,61.2232C 532.259,60.3492 532.047,59.4462 531.836,58.5622L 531.24,56.1602L 529.174,56.1602L 528.665,63.5872L 530.183,63.5872L 530.307,60.9452C 530.346,60.1481 530.394,59.1002 530.424,58.1782L 530.452,58.1782C 530.605,59.0912 530.817,60.0992 531,60.8102L 531.663,63.4522L 532.94,63.4522L 533.671,60.7912C 533.873,60.0801 534.132,59.0722 534.324,58.1782L 534.353,58.1782C 534.344,59.1581 534.382,60.1481 534.42,60.9352L 534.526,63.5872L 536.121,63.5872M 522.977,57.6401L 524.659,57.6401L 524.659,63.5872L 526.349,63.5872L 526.349,57.6401L 528.051,57.6401L 528.051,56.1602L 522.977,56.1602M 515.784,77.5833C 515.784,80.4373 513.969,82.8824 511.188,82.8824C 507.926,82.8824 506.148,79.8073 506.148,75.8043C 506.148,71.7653 507.964,68.5042 511.261,68.5042C 513.672,68.5042 515.784,70.4693 515.784,73.8033M 520.083,56.2391L 515.784,56.2391L 515.784,67.8372L 515.71,67.8372C 514.82,66.2812 512.93,65.0952 510.299,65.0952C 505.741,65.0952 501.775,69.0233 501.775,75.9523C 501.775,82.2524 505.296,86.3664 509.927,86.3664C 512.818,86.3664 515.043,84.8464 516.117,82.7714L 516.228,82.7714L 516.451,85.9584L 520.23,85.9584C 520.157,84.5504 520.083,82.3643 520.083,80.5113M 495.402,57.3882C 493.92,57.3882 492.882,58.4622 492.882,59.9072C 492.882,61.2792 493.883,62.3902 495.365,62.3902C 496.922,62.3902 497.884,61.2792 497.884,59.9072C 497.884,58.4622 496.884,57.3882 495.402,57.3882 Z M 493.216,85.9584L 497.515,85.9584L 497.515,65.5022L 493.216,65.5022M 483.508,69.2833L 483.359,69.2833L 483.211,65.5402L 479.468,65.5402C 479.58,67.4302 479.617,69.3942 479.617,71.7653L 479.617,85.9584L 483.915,85.9584L 483.915,75.1383C 483.915,71.5803 485.731,69.2083 488.622,69.2083C 489.103,69.2083 489.51,69.2452 489.882,69.3203L 489.882,65.2062C 489.51,65.1322 489.215,65.0952 488.806,65.0952C 486.583,65.0952 484.434,66.6893 483.508,69.2833 Z M 465.647,74.1373L 470.538,74.1373L 470.538,82.1414C 469.908,82.4753 468.611,82.7343 466.759,82.7343C 461.2,82.7343 457.309,78.9543 457.309,71.8033C 457.309,64.6142 461.497,60.9452 467.314,60.9452C 469.908,60.9452 471.613,61.4272 472.947,62.0192L 473.911,58.4992C 472.503,57.7952 470.093,57.3132 467.314,57.3132C 458.829,57.3132 452.788,62.7982 452.788,71.9882C 452.788,76.5083 454.344,86.2544 466.61,86.2544C 469.982,86.2544 473.095,85.4394 474.688,84.8094L 474.688,70.6912L 465.647,70.6912M 444.488,79.0663C 444.488,81.4373 442.561,83.2164 440.226,83.2164C 438.634,83.2164 437.224,82.2154 437.224,79.9553C 437.224,76.3243 441.116,75.6943 444.488,75.6943M 448.676,73.3963C 448.676,69.0602 447.008,65.0952 441.005,65.0952C 438.262,65.0952 435.853,65.8732 434.409,66.8002L 435.298,69.6533C 436.594,68.8013 438.448,68.2452 440.263,68.2452C 444.377,68.2452 444.377,71.2842 444.377,72.8033C 437.373,72.8033 432.964,75.3233 432.964,80.4003C 432.964,83.5494 435.15,86.3664 438.967,86.3664C 441.523,86.3664 443.524,85.1804 444.674,83.5864L 444.784,83.5864L 445.081,85.9584L 448.971,85.9584C 448.713,84.6243 448.676,82.8454 448.676,81.1044M 425.812,60.5002L 421.551,61.8342L 421.551,65.5402L 418.66,65.5402L 418.66,68.7642L 421.551,68.7642L 421.551,79.3253C 421.551,81.9933 422.032,83.6984 423.07,84.8094C 423.959,85.8104 425.404,86.3664 427.109,86.3664C 428.554,86.3664 429.703,86.1804 430.444,85.8844L 430.296,82.5864C 429.777,82.7343 429.259,82.8454 428.406,82.8454C 426.591,82.8454 425.812,81.6223 425.812,79.1033L 425.812,68.7642L 430.667,68.7642L 430.667,65.5402L 425.812,65.5402M 411.101,79.0663C 411.101,81.4373 409.174,83.2164 406.84,83.2164C 405.246,83.2164 403.838,82.2154 403.838,79.9553C 403.838,76.3243 407.729,75.6943 411.101,75.6943M 415.289,73.3963C 415.289,69.0602 413.621,65.0952 407.618,65.0952C 404.876,65.0952 402.467,65.8732 401.022,66.8002L 401.911,69.6533C 403.208,68.8013 405.061,68.2452 406.877,68.2452C 410.99,68.2452 410.99,71.2842 410.99,72.8033C 403.986,72.8033 399.576,75.3233 399.576,80.4003C 399.576,83.5494 401.763,86.3664 405.58,86.3664C 408.136,86.3664 410.137,85.1804 411.286,83.5864L 411.397,83.5864L 411.694,85.9584L 415.585,85.9584C 415.325,84.6243 415.289,82.8454 415.289,81.1044M 382.048,82.7714C 381.048,82.7714 380.01,82.7343 379.27,82.6224L 379.27,61.0932C 380.01,60.9452 381.122,60.7972 382.604,60.7972C 388.719,60.7972 392.277,64.3542 392.277,71.2463C 392.277,79.0663 388.423,82.8083 382.048,82.7714 Z M 382.197,57.3882C 379.53,57.3882 377.008,57.6472 374.97,57.9802L 374.97,85.8844C 376.564,86.1074 378.603,86.2173 381.122,86.2173C 386.126,86.2173 390.165,84.9574 392.721,82.4753C 395.204,80.0663 396.798,76.3243 396.798,71.1723L 396.798,71.1353C 396.798,64.8362 394.278,57.3882 382.197,57.3882 Z M 364.966,77.4353C 364.966,80.8444 362.742,82.5494 360.519,82.5494C 357.332,82.5494 355.516,79.6964 355.516,75.6943C 355.516,71.3212 357.592,68.5042 360.556,68.5042C 363.187,68.5042 364.966,70.7283 364.966,73.4333M 365.447,68.2822L 365.373,68.2822C 364.521,66.6522 362.817,65.0952 359.778,65.0952C 355.331,65.0952 351.143,68.9493 351.143,75.8783C 351.143,81.5853 354.442,85.8474 359.259,85.8474C 361.89,85.8474 363.891,84.5873 364.928,82.8454L 365.003,82.8454L 365.003,84.8094C 365.003,89.4424 362.631,91.2944 359.296,91.2944C 356.999,91.2944 355.034,90.5904 353.775,89.8494L 352.811,93.1844C 354.404,94.1484 356.887,94.6664 359.259,94.6664C 368.931,94.6664 369.264,87.1443 369.264,83.0684L 369.264,71.4323C 369.264,68.6902 369.338,66.9852 369.449,65.5402L 365.633,65.5402M 333.616,74.3233L 335.877,66.8742C 336.359,65.1322 336.803,63.0572 337.211,61.3152L 337.285,61.3152C 337.693,63.0572 338.175,65.0582 338.693,66.9112L 340.917,74.3233M 334.765,57.6102L 326.094,85.9584L 330.504,85.9584L 332.949,77.6203L 341.621,77.6203L 344.177,85.9584L 348.698,85.9584L 340.027,57.6102L 334.765,57.6102 Z " Height="38.507" HorizontalAlignment="Stretch" Margin="42.648998260498,1.49399995803833,0,0" VerticalAlignment="Stretch" Width="210.027"/>-->
                                </Grid>
                            </StackPanel>
                        </Grid>
                    </ControlTemplate>
                </HyperlinkButton.Template>
            </HyperlinkButton>
        </Grid>

        <!-- footer -->
        <Grid x:Name="demo_footer" HorizontalAlignment="Stretch" Margin="0,12,0,0" Width="Auto" Grid.Column="3" Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Border HorizontalAlignment="Stretch" Margin="0,16,0,16" x:Name="copyright_block" Width="Auto" BorderBrush="#FFC9C9C9" BorderThickness="0,0,1,0" Padding="0,0,16,0">
                <TextBlock TextWrapping="Wrap" FontSize="10" FontStretch="Normal" FontStyle="Normal" FontWeight="Normal" Foreground="#FF8c8a8a" Text="Copyright © 1998-2008 DiscoveryLogic Inc.  ALL RIGHTS RESERVED" HorizontalAlignment="Right" Width="240" TextAlignment="Right" VerticalAlignment="Center"/>
            </Border>
            <HyperlinkButton NavigateUri="http://www.devexpress.com/" Grid.Column="1" TargetName="_blank">
                <HyperlinkButton.Template>
                    <ControlTemplate>
                        <Grid>
                            <Rectangle Fill="Red" Opacity="0"/>
                            <Grid Height="34.236" Margin="16,0,-6,0" VerticalAlignment="Center" Width="120" HorizontalAlignment="Right" x:Name="dx_logo">
                                <!--<Path x:Name="Path_Copy54" Stretch="Fill" Fill="#FFB0B0B0" Data="F1 M 678.019,401.702L 678.1,401.594C 678.823,402.331 679.571,403.279 680.097,404.223L 679.984,404.376L 677.25,408.093L 677.172,408.2L 673.176,408.2L 673.487,407.782L 678.019,401.702 Z M 707.948,396.355L 706.741,398.756L 706.606,399.023L 706.36,398.855C 705.819,398.486 705.089,398.298 704.197,398.298C 704.02,398.298 703.63,398.344 703.407,398.415C 702.923,398.596 702.688,399.22 702.688,400.323L 702.688,408.2L 699.351,408.2L 699.351,399.465L 699.361,399.281L 699.366,399.173L 699.367,399.128L 699.376,398.984C 699.414,398.461 699.511,398.038 699.667,397.703C 700.306,396.128 701.864,395.394 704.568,395.394C 705.661,395.394 706.842,395.613 707.812,395.995L 708.076,396.099L 707.948,396.355 Z M 734.214,400.652C 735.308,401.081 736.115,401.617 736.612,402.245C 737.115,402.883 737.37,403.661 737.37,404.556C 737.37,405.751 736.915,406.708 736.019,407.399C 735.146,408.075 733.952,408.416 732.471,408.416C 731.632,408.416 730.978,408.348 730.468,408.209C 729.975,408.08 729.346,407.809 728.548,407.385L 728.331,407.27L 728.431,407.046L 729.437,404.803L 729.574,404.498L 729.839,404.707C 730.628,405.339 731.533,405.66 732.527,405.66C 733.915,405.66 733.915,404.998 733.915,404.75C 733.915,404.365 733.781,404.061 733.504,403.817C 733.197,403.545 732.571,403.213 731.646,402.831C 729.464,401.923 728.357,400.624 728.357,398.965C 728.357,397.842 728.798,396.95 729.663,396.316C 730.497,395.704 731.577,395.394 732.871,395.394C 734.159,395.394 735.39,395.689 736.529,396.268L 736.736,396.374L 736.656,396.591L 735.842,398.775L 735.712,399.122L 735.428,398.881C 734.863,398.4 734.055,398.155 733.029,398.155C 731.955,398.155 731.816,398.641 731.816,399.064C 731.816,399.29 731.94,399.493 732.2,399.69C 732.495,399.918 733.173,400.242 734.214,400.652 Z M 727.671,402.245C 728.175,402.884 728.429,403.661 728.429,404.556C 728.429,405.75 727.976,406.707 727.08,407.399C 726.207,408.075 725.013,408.416 723.534,408.416C 722.692,408.416 722.036,408.348 721.531,408.209C 721.032,408.078 720.404,407.809 719.608,407.384L 719.394,407.27L 719.493,407.049L 720.495,404.806L 720.634,404.498L 720.897,404.707C 721.688,405.339 722.593,405.66 723.588,405.66C 724.078,405.66 724.446,405.576 724.673,405.416C 724.879,405.269 724.975,405.057 724.975,404.75C 724.975,404.364 724.841,404.059 724.566,403.819C 724.255,403.545 723.632,403.213 722.712,402.831C 720.529,401.926 719.423,400.625 719.423,398.965C 719.423,397.84 719.859,396.949 720.724,396.316C 721.559,395.704 722.64,395.394 723.932,395.394C 725.223,395.394 726.454,395.689 727.589,396.268L 727.795,396.374L 727.716,396.591L 726.904,398.775L 726.775,399.122L 726.491,398.881C 725.924,398.4 725.115,398.155 724.089,398.155C 723.013,398.155 722.876,398.641 722.876,399.064C 722.876,399.289 723.002,399.492 723.258,399.69C 723.556,399.918 724.232,400.241 725.271,400.652C 726.372,401.082 727.179,401.617 727.671,402.245 Z M 742.673,396.049L 742.695,396.151L 742.021,396.151L 742.008,396.082L 741.764,394.819L 741.285,396.135L 741.265,396.191L 740.961,396.191L 740.942,396.135L 740.459,394.814L 740.206,396.083L 740.191,396.151L 739.523,396.151L 739.542,396.049L 740.127,393.144L 740.14,393.077L 740.546,393.077L 740.565,393.135L 741.111,394.837L 741.646,393.135L 741.665,393.077L 742.068,393.077L 742.081,393.144L 742.673,396.049 Z M 739.63,393.077L 739.63,393.703L 738.666,393.703L 738.666,396.151L 737.981,396.151L 737.981,393.703L 737.056,393.703L 737.056,393.077L 739.63,393.077 Z M 671.787,404.673L 672.879,406.836L 672.975,407.024L 672.811,407.157C 671.777,407.994 670.232,408.416 668.22,408.416C 666.32,408.416 664.792,407.847 663.679,406.725C 662.564,405.602 662.001,404.023 662.001,402.034C 662.001,400.073 662.619,398.46 663.838,397.238C 665.056,396.016 666.539,395.394 668.246,395.394C 670.056,395.394 671.534,395.948 672.635,397.035C 673.665,398.049 674.269,399.486 674.292,400.978C 674.292,402.303 673.473,403.034 671.988,403.034L 665.491,403.034C 665.583,403.785 665.859,404.373 666.355,404.808C 666.919,405.3 667.665,405.539 668.633,405.539C 669.837,405.539 670.758,405.226 671.369,404.608L 671.624,404.35L 671.787,404.673 Z M 668.292,398.273C 666.922,398.273 666.062,398.975 665.658,400.394L 670.389,400.394C 670.839,400.394 670.839,400.164 670.839,400.077C 670.839,399.444 669.788,398.273 668.292,398.273 Z M 692.306,395.394C 694.004,395.394 696.188,395.914 697.243,397.077C 698.249,398.187 698.761,399.746 698.761,401.708C 698.761,403.67 698.178,405.296 697.029,406.54C 695.867,407.787 694.399,408.416 692.666,408.416C 691.862,408.416 691.113,408.266 690.423,407.987L 690.423,414.744L 690.11,414.683C 689.111,414.483 688.157,414.246 687.271,413.98L 687.087,413.925C 684.482,408.014 677.989,393.893 661.479,390.424C 645.478,387.064 636.362,393.867 632.322,398.375C 630.69,400.2 630.41,401.335 630.083,403.128C 629.533,403.026 627.55,402.466 627.912,399.634C 628.333,396.354 638.165,384.161 660.233,388.612C 669.318,390.444 675.794,394.516 680.275,398.67L 682.477,395.716L 682.555,395.61L 686.424,395.61L 686.118,396.027L 682.519,400.928C 684.563,403.157 686.054,405.295 687.087,407.002L 687.087,399.465L 687.096,399.268L 687.103,399.159L 687.108,399.071L 687.111,398.984C 687.148,398.478 687.248,398.043 687.404,397.704C 688.04,396.129 689.598,395.394 692.306,395.394 Z M 694.459,404.574C 695.023,403.94 695.308,403.005 695.308,401.793C 695.308,399.443 694.205,398.298 691.935,398.298C 691.76,398.298 691.373,398.341 691.143,398.415C 690.657,398.596 690.423,399.22 690.423,400.323L 690.423,404.92C 690.95,405.316 691.482,405.516 692.045,405.516C 693.094,405.516 693.905,405.2 694.459,404.574 Z M 712.963,395.359C 714.777,395.359 716.253,395.91 717.353,396.996C 718.385,398.016 718.988,399.452 719.011,400.939C 719.011,401.558 718.835,402.051 718.491,402.4C 718.099,402.795 717.501,402.996 716.706,402.996L 710.209,402.996C 710.301,403.747 710.577,404.336 711.073,404.769C 711.633,405.257 712.4,405.505 713.353,405.505C 714.555,405.505 715.474,405.19 716.087,404.57L 716.342,404.311L 716.505,404.635L 717.597,406.798L 717.69,406.984L 717.528,407.117C 716.495,407.955 714.95,408.38 712.936,408.38C 711.037,408.38 709.512,407.809 708.4,406.69C 707.284,405.567 706.72,403.989 706.72,401.999C 706.72,400.036 707.339,398.422 708.556,397.199C 709.777,395.979 711.26,395.359 712.963,395.359 Z M 715.106,400.355C 715.558,400.355 715.558,400.125 715.558,400.038C 715.558,399.405 714.507,398.237 713.011,398.237C 711.64,398.237 710.781,398.937 710.377,400.355L 715.106,400.355 Z " Height="27.098" HorizontalAlignment="Left" Margin="5.1729998588562,0,0,7.13800001144409" VerticalAlignment="Stretch" Width="114.826"/>-->
                                <!--<Path x:Name="Path_Copy55" Stretch="Fill" Fill="#FF868686" Data="F1 M 645.277,395.394C 647.085,395.394 648.562,395.946 649.667,397.035C 650.696,398.052 651.301,399.486 651.321,400.978C 651.321,402.303 650.504,403.034 649.019,403.034L 642.521,403.034C 642.613,403.785 642.889,404.375 643.386,404.808C 643.941,405.293 644.708,405.539 645.662,405.539C 646.868,405.539 647.789,405.226 648.402,404.608L 648.656,404.35L 648.82,404.674L 649.911,406.838L 650.004,407.024L 649.842,407.158C 648.808,407.994 647.262,408.416 645.249,408.416C 643.351,408.416 641.825,407.847 640.708,406.725C 639.595,405.602 639.03,404.023 639.03,402.034C 639.03,400.074 639.649,398.461 640.866,397.238C 642.085,396.016 643.568,395.394 645.277,395.394 Z M 647.419,400.394C 647.87,400.394 647.87,400.164 647.87,400.077C 647.87,399.808 647.654,399.357 647.176,398.953C 646.875,398.699 646.235,398.273 645.323,398.273C 643.953,398.273 643.092,398.975 642.688,400.394L 647.419,400.394 Z M 628.536,416.026L 627.312,420.208L 626.306,420.208L 625.885,418.609L 625.615,417.295L 625.6,417.295C 625.525,417.798 625.435,418.212 625.323,418.609L 624.864,420.208L 623.859,420.208L 622.695,416.026L 623.843,416.026L 624.196,417.859L 624.422,419.195L 624.444,419.195C 624.519,418.752 624.639,418.286 624.737,417.873L 625.202,416.026L 626.081,416.026L 626.524,417.821L 626.816,419.195L 626.839,419.195C 626.892,418.752 626.975,418.302 627.072,417.821L 627.447,416.026L 628.536,416.026 Z M 636.881,416.026L 635.657,420.208L 634.651,420.208L 634.23,418.609L 633.96,417.295L 633.945,417.295C 633.87,417.798 633.78,418.212 633.667,418.609L 633.21,420.208L 632.203,420.208L 631.04,416.026L 632.188,416.026L 632.541,417.859L 632.766,419.195L 632.789,419.195C 632.864,418.752 632.984,418.286 633.081,417.873L 633.547,416.026L 634.426,416.026L 634.868,417.821L 635.161,419.195L 635.184,419.195C 635.236,418.752 635.319,418.302 635.417,417.821L 635.792,416.026L 636.881,416.026 Z M 645.225,416.026L 644.002,420.208L 642.995,420.208L 642.575,418.609L 642.305,417.295L 642.29,417.295C 642.215,417.798 642.125,418.212 642.012,418.609L 641.554,420.208L 640.548,420.208L 639.385,416.026L 640.533,416.026L 640.886,417.859L 641.111,419.195L 641.134,419.195C 641.209,418.752 641.329,418.286 641.426,417.873L 641.892,416.026L 642.771,416.026L 643.214,417.821L 643.506,419.195L 643.529,419.195C 643.581,418.752 643.664,418.302 643.762,417.821L 644.137,416.026L 645.225,416.026 Z M 647.917,419.578C 647.917,419.165 648.202,418.864 648.586,418.864C 648.976,418.864 649.253,419.149 649.253,419.578C 649.253,419.998 648.991,420.291 648.586,420.291C 648.18,420.291 647.917,419.984 647.917,419.578 Z M 655.941,419.014L 655.971,420.208L 654.994,420.208L 654.942,419.615L 654.919,419.615C 654.702,420.028 654.251,420.291 653.74,420.291C 652.795,420.291 652.118,419.42 652.118,418.151C 652.118,416.725 652.907,415.944 653.808,415.944C 654.296,415.944 654.649,416.147 654.814,416.432L 654.829,416.432L 654.829,414.171L 655.941,414.171L 655.941,419.014 Z M 654.829,417.731C 654.829,417.122 654.461,416.822 654.094,416.822C 653.523,416.822 653.237,417.408 653.237,418.136C 653.237,418.894 653.553,419.398 654.079,419.398C 654.409,419.398 654.829,419.157 654.829,418.496L 654.829,417.731 Z M 662.416,420.043C 662.071,420.194 661.583,420.283 661.065,420.283C 659.773,420.283 659.038,419.472 659.038,418.174C 659.038,416.972 659.728,415.937 660.952,415.937C 661.965,415.937 662.626,416.657 662.626,418.009L 662.596,418.451L 660.096,418.451C 660.126,419.165 660.637,419.45 661.237,419.45C 661.65,419.45 661.973,419.375 662.258,419.277L 662.416,420.043 Z M 661.598,417.678C 661.605,417.243 661.433,416.709 660.885,416.709C 660.351,416.709 660.126,417.265 660.096,417.678L 661.598,417.678 Z M 669.193,416.026L 667.766,420.208L 666.692,420.208L 665.288,416.026L 666.482,416.026L 667.03,418.053L 667.262,419.121L 667.286,419.121L 667.518,418.053L 668.043,416.026L 669.193,416.026 Z M 675.241,420.043C 674.895,420.194 674.407,420.283 673.889,420.283C 672.598,420.283 671.862,419.472 671.862,418.174C 671.862,416.972 672.553,415.937 673.777,415.937C 674.79,415.937 675.451,416.657 675.451,418.009L 675.42,418.451L 672.92,418.451C 672.95,419.165 673.461,419.45 674.062,419.45C 674.475,419.45 674.797,419.375 675.083,419.277L 675.241,420.043 Z M 674.422,417.678C 674.43,417.243 674.257,416.709 673.709,416.709C 673.176,416.709 672.95,417.265 672.92,417.678L 674.422,417.678 Z M 681.942,416.026L 680.696,418.046L 681.957,420.208L 680.71,420.208L 680.297,419.398L 679.982,418.737L 679.967,418.737L 679.659,419.398L 679.269,420.208L 678.083,420.208L 679.351,418.092L 678.112,416.026L 679.344,416.026L 679.742,416.785L 680.064,417.446L 680.08,417.446L 680.388,416.777L 680.763,416.026L 681.942,416.026 Z M 685.835,416.597C 686.105,416.169 686.533,415.937 687.073,415.937C 687.99,415.937 688.665,416.793 688.665,418.076C 688.665,419.615 687.794,420.291 686.947,420.291C 686.488,420.291 686.135,420.082 685.955,419.803L 685.94,419.803L 685.94,421.882L 684.829,421.882L 684.829,417.393L 684.799,416.026L 685.767,416.026L 685.82,416.597L 685.835,416.597 Z M 685.94,418.519C 685.94,419.127 686.308,419.42 686.683,419.42C 687.247,419.42 687.539,418.864 687.539,418.113C 687.539,417.371 687.254,416.83 686.706,416.83C 686.278,416.83 685.94,417.235 685.94,417.738L 685.94,418.519 Z M 694.045,417.018L 693.76,416.996C 693.257,416.996 692.874,417.333 692.874,418.046L 692.874,420.208L 691.762,420.208L 691.762,417.333L 691.732,416.026L 692.686,416.026L 692.731,416.755L 692.761,416.755C 692.956,416.214 693.407,415.937 693.797,415.937L 694.045,415.958L 694.045,417.018 Z M 700.131,420.043C 699.786,420.194 699.298,420.283 698.779,420.283C 697.488,420.283 696.752,419.472 696.752,418.174C 696.752,416.972 697.443,415.937 698.667,415.937C 699.68,415.937 700.341,416.657 700.341,418.009L 700.311,418.451L 697.811,418.451C 697.841,419.165 698.351,419.45 698.952,419.45C 699.365,419.45 699.688,419.375 699.973,419.277L 700.131,420.043 Z M 699.312,417.678C 699.32,417.243 699.148,416.709 698.599,416.709C 698.066,416.709 697.841,417.265 697.811,417.678L 699.312,417.678 Z M 705.631,416.95C 705.45,416.852 705.157,416.733 704.842,416.733C 704.504,416.733 704.324,416.904 704.324,417.131C 704.324,417.363 704.482,417.483 704.963,417.686C 705.668,417.979 705.999,418.384 705.999,418.962C 705.999,419.757 705.398,420.283 704.354,420.283C 703.896,420.283 703.454,420.17 703.176,420.005L 703.386,419.203C 703.603,419.33 704.016,419.48 704.362,419.48C 704.752,419.48 704.94,419.315 704.94,419.059C 704.94,418.804 704.798,418.669 704.339,418.475C 703.558,418.16 703.273,417.716 703.273,417.257C 703.273,416.506 703.874,415.937 704.805,415.937C 705.233,415.937 705.601,416.041 705.841,416.169L 705.631,416.95 Z M 711.273,416.95C 711.093,416.852 710.801,416.733 710.485,416.733C 710.147,416.733 709.967,416.904 709.967,417.131C 709.967,417.363 710.125,417.483 710.605,417.686C 711.311,417.979 711.641,418.384 711.641,418.962C 711.641,419.757 711.041,420.283 709.997,420.283C 709.539,420.283 709.096,420.17 708.818,420.005L 709.029,419.203C 709.246,419.33 709.659,419.48 710.004,419.48C 710.395,419.48 710.583,419.315 710.583,419.059C 710.583,418.804 710.44,418.669 709.982,418.475C 709.201,418.16 708.916,417.716 708.916,417.257C 708.916,416.506 709.516,415.937 710.447,415.937C 710.876,415.937 711.243,416.041 711.484,416.169L 711.273,416.95 Z M 714.641,419.578C 714.641,419.165 714.926,418.864 715.309,418.864C 715.7,418.864 715.978,419.149 715.978,419.578C 715.978,419.998 715.715,420.291 715.309,420.291C 714.904,420.291 714.641,419.984 714.641,419.578 Z M 721.876,420.104C 721.689,420.194 721.306,420.283 720.863,420.283C 719.639,420.283 718.843,419.488 718.843,418.16C 718.843,416.904 719.654,415.944 721.036,415.944C 721.396,415.944 721.726,416.026 721.907,416.102L 721.726,416.95C 721.584,416.882 721.381,416.815 721.073,416.815C 720.375,416.815 719.969,417.378 719.969,418.113C 719.969,418.932 720.442,419.404 721.081,419.404C 721.359,419.404 721.576,419.352 721.757,419.27L 721.876,420.104 Z M 728.555,418.083C 728.555,419.675 727.534,420.291 726.603,420.291C 725.477,420.291 724.667,419.494 724.667,418.136C 724.667,416.733 725.515,415.937 726.648,415.937C 727.82,415.937 728.555,416.815 728.555,418.083 Z M 726.626,416.755C 726.01,416.755 725.793,417.476 725.793,418.113C 725.793,418.858 726.078,419.472 726.618,419.472C 727.144,419.472 727.429,418.85 727.429,418.106C 727.429,417.453 727.197,416.755 726.626,416.755 Z M 737.464,420.208L 736.375,420.208L 736.375,417.843C 736.375,417.243 736.21,416.845 735.767,416.845C 735.459,416.845 735.114,417.086 735.114,417.67L 735.114,420.208L 734.025,420.208L 734.025,417.738C 734.025,417.243 733.868,416.845 733.432,416.845C 733.124,416.845 732.764,417.131 732.764,417.694L 732.764,420.208L 731.675,420.208L 731.675,417.287L 731.645,416.035L 732.591,416.035L 732.644,416.589L 732.667,416.589C 732.861,416.289 733.23,415.944 733.853,415.944C 734.363,415.944 734.754,416.214 734.918,416.641L 734.933,416.641C 735.279,416.131 735.707,415.944 736.173,415.944C 736.901,415.944 737.464,416.462 737.464,417.67L 737.464,420.208 Z M 635.346,398.335C 636.113,396.867 637.547,395.519 638.352,395.121C 638.615,396.113 638.765,397.193 638.765,398.374C 638.765,400.194 638.391,401.863 637.651,403.332C 636.907,404.807 635.894,405.976 634.63,406.812C 633.615,407.449 632.568,407.881 631.518,408.098C 630.488,408.311 629.159,408.416 627.568,408.416L 622.726,408.416L 622.726,388.29L 627.516,388.29C 629.362,388.29 630.838,388.432 631.903,388.712C 632.975,388.995 633.904,389.391 634.663,389.888C 635.208,390.246 635.692,390.668 636.132,391.131C 635.086,391.696 634.142,392.299 633.301,392.918C 633.076,392.721 632.84,392.538 632.579,392.379C 631.928,391.985 631.223,391.699 630.483,391.527C 629.73,391.353 628.776,391.263 627.646,391.263L 626.049,391.263L 626.049,405.445L 627.646,405.445C 628.762,405.445 629.751,405.355 630.581,405.179C 631.389,405.009 632.138,404.688 632.81,404.222C 633.643,403.658 634.279,402.896 634.7,401.956C 635.129,401 635.346,399.781 635.346,398.335 Z M 659.641,395.61L 663.2,395.61L 663.031,395.98L 657.431,408.266L 657.362,408.416L 656.014,408.416L 655.946,408.261L 650.487,395.978L 650.325,395.61L 653.982,395.61L 654.047,395.776L 656.709,402.54L 659.574,395.771L 659.641,395.61 Z " Height="33.592" HorizontalAlignment="Left" Margin="0,0.643999993801117,0,0" VerticalAlignment="Stretch" Width="114.77"/>-->
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </HyperlinkButton.Template>
            </HyperlinkButton>
        </Grid>

        <!-- workspace -->
        <Grid x:Name="demoContent" Grid.Column="3" Grid.Row="1" MouseLeftButtonDown="MainPage_MouseLeftButtonDown">
            <Grid.RowDefinitions>
                <RowDefinition Height="75" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
                <RowDefinition Height="40" />
            </Grid.RowDefinitions>

            <Grid Grid.Row="0" Height="75">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="75"/>
                </Grid.ColumnDefinitions>
                <Border HorizontalAlignment="Stretch" Margin="0,0,0,0" Grid.ColumnSpan="2" Background="#FF494C5A" CornerRadius="0,30,0,0" Padding="24,0,0,0">
                    <TextBlock x:Name="tbDemoName" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="24" Foreground="#FFFFFFFF" Text="Total Summary" TextWrapping="NoWrap"/>
                </Border>
                <Button x:Name="CollapseExpandOptionsButton" Height="35" HorizontalAlignment="Center" Margin="0,0,0,0" Opacity="1"
						VerticalAlignment="Center" Width="35" Grid.Column="1" Cursor="Hand" Click="CollapseExpandOptionsButton_Click">
                    <Button.Template>
                        <ControlTemplate>
                            <Grid>
                                <Ellipse Fill="Transparent" />
                                <Path Stretch="Fill" Fill="#FFFFFFFF" RenderTransform="{StaticResource CollapsedButtonTransform}"
										Data="F1 M 627,473C 628.65,473 629.32,474.166 628.488,475.591L 621.012,488.409C 620.18,489.834 618.82,489.834 617.988,488.409L 610.512,475.591C 609.68,474.166 610.35,473 612,473L 627,473 Z M 619.5,462C 629.165,462 637,469.835 637,479.5C 637,489.165 629.165,497 619.5,497C 609.835,497 602,489.165 602,479.5C 602,469.835 609.835,462 619.5,462 Z M 619.5,493C 626.956,493 633,486.956 633,479.5C 633,472.044 626.956,466 619.5,466C 612.044,466 606,472.044 606,479.5C 606,486.956 612.044,493 619.5,493 Z ">
                                </Path>
                            </Grid>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </Grid>
            <Border x:Name="OptionsPanelSeparator" Grid.Row="1" Height="1" Background="#FFFFFFFF"/>
            <Canvas x:Name="OptionsPanelContainer" Grid.Row="2">
                <Border x:Name="OptionsPanel" Background="#FFD5D8E0" CornerRadius="0,0,15,15" Padding="24,16,24,20"
						HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="750">
                </Border>
            </Canvas>
            <ContentControl x:Name="mainContent" Grid.Row="3" Margin="0,12,0,0" Background="Black" 
							HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"/>
            <ContentControl x:Name="XAMLContent" Grid.Row="3" Margin="0,12,0,0" Visibility="Collapsed" Background="White" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"/>
            <ContentControl x:Name="CSContent" Grid.Row="3" Margin="0,12,0,0" Visibility="Collapsed" Background="White" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"/>
            <StackPanel Grid.Row="4" Orientation="Horizontal" Loaded="ViewOptionsPanel_Loaded">
                <RadioButton GroupName="x" x:Name="CSButton" Width="100" Height="40" Content="CS" Checked="CSButton_Checked"/>
                <RadioButton GroupName="x" x:Name="XAMLButton" Width="100" Height="40" Content="XAML" Checked="XAMLButton_Click"/>
                <RadioButton GroupName="x" x:Name="CodeButton" Width="100" Height="40" Content="Control" Checked="CodeButton_Click" IsChecked="True"/>
            </StackPanel>
        </Grid>

        <ListBox x:Name="lbDemosList" Grid.Column="1" Grid.Row="1" SelectionChanged="lbDemosList_SelectionChanged" 
            ItemContainerStyle="{StaticResource ListBoxItemStyle}" Padding="0">
            <ListBox.Template>
                <ControlTemplate TargetType="ListBox">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="1" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" Height="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Background="#FF494C5A"/>
                        <ScrollViewer Grid.Row="1" x:Name="ScrollViewerElement" Padding="{TemplateBinding Padding}" 
									  Template="{StaticResource NavBarScrollViewerTemplate}" BorderThickness="0" VerticalAlignment="Top">
                            <ItemsPresenter />
                        </ScrollViewer>
                        <Border Grid.Row="1" Height="1" HorizontalAlignment="Stretch" VerticalAlignment="Top" Width="Auto" Background="#FF494C5A"/>
                    </Grid>
                </ControlTemplate>
            </ListBox.Template>
        </ListBox>

        <Canvas x:Name="DescriptionPanelContainer" Width="0" Grid.Column="1" Grid.Row="1">
            <Grid x:Name="DescriptionPanel" Height="Auto" HorizontalAlignment="Left" VerticalAlignment="Top" Width="300" Opacity="0">
                <Grid.Clip>
                    <RectangleGeometry Rect="0,0,300,1000"/>
                </Grid.Clip>
                <Grid.RenderTransform>
                    <TranslateTransform x:Name="DescriptionPanelTranslateTransform" X="-500" />
                </Grid.RenderTransform>
                <Grid.Resources>
                    <Storyboard x:Name="DescriptionPanelShowAnimation" FillBehavior="HoldEnd">
                        <DoubleAnimation Duration="00:00:00" Storyboard.TargetName="DescriptionPanel" 
										 Storyboard.TargetProperty="Opacity" To="1" />

                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DescriptionPanelHeaderTranslateTransform" Storyboard.TargetProperty="X">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.4" Value="0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="DescriptionPanelHeader" Storyboard.TargetProperty="Opacity" To="1" />
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DescriptionPanelHeaderSeparatorTranslateTransform" Storyboard.TargetProperty="X">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.4" Value="0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation Duration="00:00:00.2" Storyboard.TargetName="DescriptionPanelHeaderSeparator" Storyboard.TargetProperty="Opacity" To="1" />

                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.3" Storyboard.TargetName="DescriptionPanelHeaderContentTranslateTransform" 
													   Storyboard.TargetProperty="Y">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.7" Value="0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation BeginTime="00:00:00.3" Duration="00:00:00.4" Storyboard.TargetName="DescriptionPanelHeaderContent" 
										 Storyboard.TargetProperty="Opacity" To="1" />

                        <DoubleAnimation BeginTime="00:00:00.8" Duration="00:00:00.3" Storyboard.TargetName="DescriptionPanelShadow" Storyboard.TargetProperty="Opacity" To="0.1" />
                    </Storyboard>
                    <Storyboard x:Name="DescriptionPanelHideAnimation" FillBehavior="HoldEnd">
                        <DoubleAnimation BeginTime="00:00:00.7" Duration="00:00:00" Storyboard.TargetName="DescriptionPanel" 
										 Storyboard.TargetProperty="Opacity" To="0" />
                        <DoubleAnimation BeginTime="00:00:00.7" Duration="00:00:00" Storyboard.TargetName="DescriptionPanelTranslateTransform" 
										 Storyboard.TargetProperty="X" To="-500" />

                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.3" Storyboard.TargetName="DescriptionPanelHeaderTranslateTransform" Storyboard.TargetProperty="X">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.4" Value="-300"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation BeginTime="00:00:00.3" Duration="00:00:00.2" Storyboard.TargetName="DescriptionPanelHeader" Storyboard.TargetProperty="Opacity" To="0" />
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.3" Storyboard.TargetName="DescriptionPanelHeaderSeparatorTranslateTransform" Storyboard.TargetProperty="X">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.4" Value="-300"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation BeginTime="00:00:00.3" Duration="00:00:00.2" Storyboard.TargetName="DescriptionPanelHeaderSeparator" Storyboard.TargetProperty="Opacity" To="0" />

                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DescriptionPanelHeaderContentTranslateTransform" 
													   Storyboard.TargetProperty="Y">
                            <SplineDoubleKeyFrame KeySpline="0.1,0.6,0.6,1" KeyTime="00:00:00.5" Value="-300"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimation Duration="00:00:00.3" Storyboard.TargetName="DescriptionPanelHeaderContent" 
										 Storyboard.TargetProperty="Opacity" To="0" />

                        <DoubleAnimation Duration="00:00:00.3" Storyboard.TargetName="DescriptionPanelShadow" Storyboard.TargetProperty="Opacity" To="0" />
                    </Storyboard>
                </Grid.Resources>
                <Border x:Name="DescriptionPanelShadow" Height="Auto" HorizontalAlignment="Stretch" Margin="5,5,0,0" VerticalAlignment="Stretch" Width="Auto" Opacity="0" Background="#FF000000" CornerRadius="10,10,10,10"/>
                <StackPanel Height="Auto" HorizontalAlignment="Stretch" Margin="0,0,5,5" VerticalAlignment="Stretch" Width="Auto">
                    <Border x:Name="DescriptionPanelHeader" Opacity="0"
							Height="50" Width="Auto" Background="#FFB9BABF" CornerRadius="0,8,0,0" Padding="0,1,1,0">
                        <Border Background="#FFD5D8E0" CornerRadius="0,7,0,0" Padding="19,16,18,16">
                            <TextBlock x:Name="DescriptionCaption" FontSize="16"  Foreground="#FF000000" Text="Description" Height="Auto" Width="Auto" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border.RenderTransform>
                            <TranslateTransform x:Name="DescriptionPanelHeaderTranslateTransform" X="-300"/>
                        </Border.RenderTransform>
                    </Border>
                    <Border x:Name="DescriptionPanelHeaderSeparator" Height="1" Width="295" Background="#FFB9BABF" Padding="1,0,1,0">
                        <Border Height="Auto" Width="Auto" Background="#FFCBCCD2"/>
                        <Border.RenderTransform>
                            <TranslateTransform x:Name="DescriptionPanelHeaderSeparatorTranslateTransform" X="-300"/>
                        </Border.RenderTransform>
                    </Border>
                    <Border BorderThickness="0,0,0,0" Background="Transparent">
                        <Border.Clip>
                            <RectangleGeometry Rect="0,0,300,1000"/>
                        </Border.Clip>
                        <Border x:Name="DescriptionPanelHeaderContent" Height="Auto" Width="Auto" Background="#FFB9BABF" CornerRadius="0,0,8,8" 
								Padding="1,0,1,1" Opacity="0">
                            <Border Background="#FFFFFFFF" CornerRadius="0,0,7,7" Padding="18,12,18,18">
                                <TextBlock x:Name="DescriptionPanelText" TextWrapping="Wrap"
										   FontStretch="Normal" FontStyle="Normal" FontWeight="Normal" Foreground="#FF353535" Text="" 
										   HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                            </Border>
                            <Border.RenderTransform>
                                <TranslateTransform x:Name="DescriptionPanelHeaderContentTranslateTransform" Y="-500"/>
                            </Border.RenderTransform>
                        </Border>
                    </Border>
                </StackPanel>
            </Grid>
        </Canvas>
    </Grid>
</UserControl>
